// AnimatedSwitch.less

// 很多动画都需要给路由对应组件最外层元素设置position: absolute;
.route {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

// 帧动画 (进入)
.fade-enter {
    opacity: 0;
    position: fixed;
    left: 100%
}

// 进入后(增强属性)
.fade-enter.fade-enter-active {
    left: 0;
    opacity: 1;
    transition: all 300ms linear;

}

// 出去后
.fade-exit {
    position: fixed;
    left: 0;
    opacity: 1;
}

// 出去后(增强属性)
.fade-exit.fade-exit-active {
    left: 100%;
    opacity: 0;
    transition: all 300ms linear;
}